導讀:一名優(yōu)秀的設計師除了需要具備良好的設計技能,還需要大量的設計相關(guān)知識儲備。信息架構是設計師需要懂得的重要的知識之一。信息架構的設計原則,對于設計師而言,也是設計中值得
發(fā)表日期:2019-03-15
文章編輯:興田科技
瀏覽次數:9557
標簽:
一名優(yōu)秀的設計師除了需要具備良好的設計技能,還需要大量的設計相關(guān)知識儲備。信息架構是設計師需要懂得的重要的知識之一。信息架構的設計原則,對于設計師而言,也是設計中值得參考的有用工具。今天的文章,幫你總結了在設計過(guò)程中運用信息架構知識的6個(gè)技巧。
1、始終牢記產(chǎn)品設計目標
如何界定產(chǎn)品終要達成的目標,其實(shí)直接影響著(zhù)整個(gè)團隊每個(gè)階段的工作,無(wú)論是對于設計師,開(kāi)發(fā)人員還是產(chǎn)品經(jīng)理,均是如此。信息架構與此也息息相關(guān)。只有了解用戶(hù)和企業(yè)本身對于網(wǎng)站和App的真實(shí)期望之后,才可以開(kāi)始構建整體的信息架構。所以,產(chǎn)品團隊應該完整地了解產(chǎn)品的目標,確保創(chuàng )意團隊中所有的成員都足夠理解,并且針對目標制定相應的策略和應對措施,才能具備終實(shí)現的可能性。始終銘記終目標以及為了達成目標而需要執行的任務(wù),能夠讓整個(gè)執行過(guò)程更加明確。在設定目標的時(shí)候,設計師和客戶(hù)應該就內容和整體信息架構以及終目標達成一致,避免可能存在的誤會(huì ),提升執行效率。
2、進(jìn)行用戶(hù)調研信息架構專(zhuān)家在搭建產(chǎn)品信息架構之前,應該對目標受眾的需求和細節有足夠的了解,將提升用戶(hù)滿(mǎn)意度作為優(yōu)先考慮的事項。想要了解更多潛在用戶(hù)的信息,建議設計師做用戶(hù)調研。通過(guò)各種技術(shù)手段搜集關(guān)于目標用戶(hù)和潛在用戶(hù)的相關(guān)信息的過(guò)程就是用戶(hù)調研。搜集數據之后,設計團隊針對這些信息進(jìn)行分析,并且找出理想的解決方案,從而有可能創(chuàng )造出對用戶(hù)友好且有吸引力的產(chǎn)品。
用戶(hù)調研有助于深入了解目標受眾的細節,了解他們的需求和心理特征。結合用戶(hù)喜好,設計團隊能夠有方向地創(chuàng )造出對用戶(hù)友好,貼合需求還可能吸引潛在用戶(hù)的產(chǎn)品。
3、結合認知心理學(xué)
認知心理學(xué)和信息架構的搭建有著(zhù)緊密的關(guān)聯(lián)。用戶(hù)的視覺(jué)感知和影響用戶(hù)注意力的因素,都可以通過(guò)認知心理學(xué)來(lái)進(jìn)行判斷。信息處理的科學(xué)是以人為中心的科學(xué),有認知心理學(xué)的專(zhuān)家指出,人類(lèi)感知數據的方式有很多,而影響注意力的因素則更是不盡相同。
基于認知心理學(xué)的原理和相關(guān)研究,設計師可以采用許多不同的技術(shù)來(lái)創(chuàng )建足夠有效的內容。在設計過(guò)程中,設計師常常會(huì )采用格式塔原理來(lái)構建布局,巧用元素,這種利用視覺(jué)相似性和關(guān)聯(lián)性的心理學(xué)原理,適用范圍非常廣。而識別模式則更加有用,當用戶(hù)訪(fǎng)問(wèn)網(wǎng)站或者App的時(shí)候,常常會(huì )期待看到特定的內容和功能,識別模式可以利用調研數據和經(jīng)驗幫助設計師,快速搭建布局和信息架構。
4、規劃導航系統信息架構和導航是數字產(chǎn)品當中重要的兩個(gè)組成部分。導航是網(wǎng)站和App當中引導用戶(hù)抵達不同目標和功能或者頁(yè)面的一組操作或者技術(shù),作為頁(yè)面中主要的交互而存在。導航和信息架構有著(zhù)密切的關(guān)聯(lián),信息架構所構成的框架之下,導航作為抵達不同信息區塊的路徑而存在。
通俗點(diǎn)說(shuō),數字產(chǎn)品當中,導航是基于信息架構來(lái)梳理的,它終應該反映并支撐信息架構,否則產(chǎn)品無(wú)法保證其一致性。當然,兩者雖然不是一個(gè)東西,但是在創(chuàng )建信息架構的時(shí)候,同期針對導航系統進(jìn)行規劃。
5、別忘了視覺(jué)層次為了更好地組織信息、確定內容呈現的優(yōu)先級,設計師會(huì )結合信息架構,使用視覺(jué)層次來(lái)有偏重地、視覺(jué)化的展現內容。無(wú)論是文檔、圖書(shū)、海報、網(wǎng)頁(yè)還是App,這些載體上所承載的內容,會(huì )按照每個(gè)元素的重要程度來(lái)有差別地展現,而這種差別通常是通過(guò)大小、色彩、對比度、對齊度來(lái)區別的。重要的信息會(huì )更容易被用戶(hù)注意到,便于他們輕松瀏覽。
6、還要注意閱讀模式
視覺(jué)層次的構建使得數字產(chǎn)品內容的可讀性有了足夠的保障。不過(guò),僅有視覺(jué)層次還不夠,設計師還應當根據產(chǎn)品形態(tài),考慮用戶(hù)的閱讀模式。
用戶(hù)研究領(lǐng)域的先驅Nielsen Norman Group曾經(jīng)針對這一用戶(hù)行為進(jìn)行了深入的研究,為設計師和可用性設計專(zhuān)家們提供了更好的素材和設計依據。簡(jiǎn)而言之,當人們訪(fǎng)問(wèn)某個(gè)網(wǎng)站的時(shí)候,尤其是初次訪(fǎng)問(wèn)網(wǎng)站的時(shí)候,他們通常不會(huì )特別仔細的查看所有的內容,而是快速的掃視,找到能夠吸引他們注意力的信息,這些內容就是他們繼續停留在這個(gè)網(wǎng)站上的理由。通過(guò)眼動(dòng)測試和不同實(shí)驗,他們發(fā)現訪(fǎng)問(wèn)者的視覺(jué)瀏覽模式,可以歸結為幾種典型的模式。設計師Steven Bradley在自己的文章中,總結了這三種常見(jiàn)的模式:古騰堡式,Z圖模式和F圖模式。
古騰堡式:對于信息結構層次并不那么分明的網(wǎng)頁(yè),用戶(hù)常常會(huì )使用古騰堡式的瀏覽模式,用戶(hù)大范圍掃視頁(yè)面內容,整個(gè)視線(xiàn)路徑是一個(gè)大號的Z,其中開(kāi)始的兩個(gè)視覺(jué)駐留點(diǎn)就在頁(yè)頭上。
Z圖模式也不難理解,用戶(hù)從上到下,視線(xiàn)沿著(zhù)Z字形來(lái)回掃視,用戶(hù)會(huì )左右快速掃視,視線(xiàn)的起點(diǎn)先是左上角,行跨頂部一欄到右上角,然后向下延伸。F圖模式,或者說(shuō)是F式布局,我們就更加熟悉了。在Nielsen Norman Group的研究當中,這種閱讀模式為典型:用戶(hù)先會(huì )沿著(zhù)水平方向瀏覽,優(yōu)先瀏覽內容塊的上部,這個(gè)時(shí)候的眼動(dòng)構成了字母F上面一橫。接下來(lái)視線(xiàn)會(huì )沿著(zhù)屏幕左側向下垂直掃視,尋找段落中能引起興趣點(diǎn)的內容,當他們發(fā)現引起他們興趣的內容之時(shí),繼續橫向仔細瀏覽,而通常這些內容對應的視線(xiàn)范圍會(huì )比次橫向瀏覽的范疇要更小一些,而這個(gè)視線(xiàn)軌跡則構成了字母F中間的一橫。
接下來(lái)用戶(hù)會(huì )將視線(xiàn)移到屏幕左側,繼續向下瀏覽。
所以,將關(guān)鍵的元素置于用戶(hù)的瀏覽路徑上,讓用戶(hù)可以更輕松地消化信息,也能高效地執行交互。
更多注意事項
信息架構學(xué)科看起來(lái)很復雜,需要花費時(shí)間和精力來(lái)深入學(xué)習??墒钱斈懔私饬讼嚓P(guān)的基礎知識之后,再應用于設計項目的時(shí)候,你就會(huì )發(fā)現它是多么的有用。根據Tubik Stuido之前的系列文章,我想列出關(guān)于信息架構知識的一些要點(diǎn):
信息架構是構成數字產(chǎn)品的骨架,設計師可以根據信息架構來(lái)構建視覺(jué)元素、功能、交互和導航
強大的信息架構是產(chǎn)品質(zhì)量的保證,它會(huì )減少掃可用性問(wèn)題,提升導航性
信息架構就像是整個(gè)布局的藍圖,幫助視覺(jué)設計方案的生成
定義產(chǎn)品目標是創(chuàng )建信息架構的核心
用研和認知心理學(xué)能夠幫設計團隊預測用戶(hù)對于產(chǎn)品的反應,并且創(chuàng )造對用戶(hù)友好的體驗
清晰的視覺(jué)層次在內容展現上起著(zhù)重要的作用
上一篇:
虛擬空間與服務(wù)器有哪些區別上一篇:
大連外貿網(wǎng)站建設的注意事項更多新聞
2023
網(wǎng)站建設是指通過(guò)專(zhuān)業(yè)技術(shù)和工具,為企業(yè)或個(gè)人創(chuàng )建和開(kāi)發(fā)一個(gè)能夠在互聯(lián)網(wǎng)上訪(fǎng)問(wèn)的網(wǎng)站。。在大連這座蓬勃...
View details
2023
引言在當今數字時(shí)代,擁有一個(gè)令人難以忽視的在線(xiàn)存在對于企業(yè)的成功至關(guān)重要。。一個(gè)精心設計的賀州網(wǎng)站設...
View details
2023
引言在當今數字化時(shí)代,網(wǎng)站成為企業(yè)與客戶(hù)之間溝通的重要工具。。對于河源的企業(yè)而言,擁有一個(gè)專(zhuān)業(yè)的網(wǎng)站...
View details
2023
引言在當今數字化時(shí)代,擁有一個(gè)響應迅速、易于導航且具有出色設計的網(wǎng)站對于企業(yè)的成功至關(guān)重要。。大連網(wǎng)...
View details